<template>
    <div class="hz">
        <span class="sp1">{{ number }}</span>
        <span class="sp2">{{ tetx }}</span>
    </div>
</template>

<script>
    export default {
        name: "mytoint",
        props:{
            number:{
                type:Number,      //传递数据类型的约束
                required:true,    //传递数据的可选项  （是否必须传递）
                //当外部没有传递数据   如果没有传递具体的数据  默认值
                default:0
            },
            tetx:{
                type:String,
                //传递数据类型的约束
                required:true,    //传递数据的可选项  （是否必须传递）
                //当外部没有传递数据   如果没有传递具体的数据  默认值
                default:0
            }
        }
    }
</script>

<style scoped>
    .hz{
        text-align: center;
        margin-top: 0.21333rem;
        width: 25%;
        float: left;
    }
    .sp1{
        margin-top: 10px;
        color:#ee436a;
        display: flex;
        flex-direction: column;
    }
    .sp2{
        color: #e6e9ec;
    }
</style>